<script setup>

  import {ElMessage} from "element-plus";

  const btn=(type)=>{
    switch (type){
      case 1:
        ElMessage.success('成功消息');
        break;
      case 2:
        ElMessage.warning('警告消息');
        break;
      case 3:
        ElMessage.error('错误消息');
        break;
      case 4:
        ElMessage('普通消息');
        break;
      case 5:
        ElMessage({message:'可关闭消息',showClose:true});
        break;
      default:
        break;
    }
  }
</script>

<template>
<h1>EL-消息提示组件</h1>
  <el-button @click="btn(1)">成功消息</el-button>
  <el-button @click="btn(2)">警告消息</el-button>
  <el-button @click="btn(3)">错误消息</el-button>
  <el-button @click="btn(4)">普通消息</el-button>
  <el-button @click="btn(5)">可关闭的消息</el-button>
</template>

<style scoped>

</style>